<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>detail</title>
  <link rel="shortcut icon" href="//img.alicdn.com/tfs/TB1XlF3RpXXXXc6XXXXXXXXXXXX-16-16.png" type="image/x-icon">
  <link rel="stylesheet" href="../css/detail.css">
  <script src="../libs/jquery.js"></script>
  <script src="../libs/jquery.js"></script>
  <script src="../libs/swiper.min.js"></script>
  <script src="../libs/axios.min.js"></script>
</head>

<body>
  <div class="detailpage">
    <div class="big_pic">
      <img src="https://img.alicdn.com/imgextra/i3/O1CN01Hgifud1hX2GO6s8YE_!!6000000004286-2-tps-1190-110.png" alt="">
    </div>
    <div class="detail_wrap">
      <!-- 搜索栏 -->
      <div class="search">
        <div id="search_wrap">
          <div class="search_l">
            <img src="https://gw.alicdn.com/tfs/TB1OpaTmUz1gK0jSZLeXXb9kVXa-666-243.png" alt="">
          </div>
          <div class="search_r">
            <div>
              <input type="text" placeholder="搜索 天猫 商品/品牌/商铺">
              <button type="button">搜索</button>
            </div>
          </div>
        </div>
      </div>
      <!--  -->
      <div class="mess">
        <h3>所有产品分类<span>|</span></h3>
        <h3>首页<span>|</span></h3>
        <h3>企业采购<span></span></h3>
      </div>
      <div class="detail_con">
        <!-- // 放大镜开始 -->
        <div id="zoomBox">
          <div id="midArea">
            <img src="#" />
            <div id="zoom"></div>
          </div>
          <div id="bigArea">
            <img src="../img/shou1.webp" />
          </div>
          <div id="smallArea">
            <img src="../img/shou1.webp" />
            <img src="../img/shou1.webp" />
          </div>
        </div>
        <!-- 放大镜结束 -->
        <div class="detail_mess">
          <h3></h3>
          <div class="pirce">123</div>
          <div class="yunfei">全部享受包邮</div>
          <div class="number">
            <span class="plus">+</span>
            <span class="num">1</span>
            <span class="substract">-</span>
          </div>
          <div class="d_cart">
            <div>加入购物车</div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <script src="../js/index.js"></script>
  <script src="../js/detail.js"></script>
</body>

</html>